@CHARSET "UTF-8";
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		-moz-opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		-moz-opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInUp {
	0% {
		filter: alpha(0);
		-ms-transform: translateY(20px);
	}
	
	100% {
		filter: alpha(100);
		-ms-transform: translateX(0);
	}
}

/*-----------抖动---------*/
@-webkit-keyframes shake {
	0%{-webkit-transform: rotate(20deg);}
	20%{-webkit-transform: rotate(-20deg);}
	40%{-webkit-transform: rotate(10deg);}
	60%{-webkit-transform: rotate(-10deg);}
	80%{-webkit-transform: rotate(5deg);}
	100%{-webkit-transform: rotate(0deg);}
}

@-moz-keyframes shake {
	0%{-moz-transform: rotate(20deg);}
	20%{-moz-transform: rotate(-20deg);}
	40%{-moz-transform: rotate(10deg);}
	60%{-moz-transform: rotate(-10deg);}
	80%{-moz-transform: rotate(5deg);}
	100%{-moz-transform: rotate(0deg);}
}

/*-----------版块上移---------*/
.fade_block{
	animation-duration:1.5s;
	animation-timing-function:ease-out-in;
	animation-fill-mode: both;
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:ease-out-in;
	-webkit-animation-fill-mode: both;
}
.fade_up{
	animation-name:fade_up;
	-webkit-animation-name:fade_up;
}
.fade_down{
	animation-name:fade_down;
	-webkit-animation-name:fade_down;
}
.fade_right{
	animation-name:fade_right;
	-webkit-animation-name:fade_right;
}
.fade_left{
	animation-name:fade_left;
	-webkit-animation-name:fade_left;
}
.fade_delay1{
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
}
.fade_delay2{
	animation-delay:.5s;
	-webkit-animation-delay:.5s;
}
.fade_delay3{
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
.fade_delay4{
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
}
.fade_delay5{
	animation-delay:2s;
	-webkit-animation-delay:2s;
}
@keyframes fade_up{
	0% {
    opacity: 0;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
	}
	100% {
	    opacity: 1;
	    transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	}
}
@keyframes fade_down{
	0% {
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
	}
	100% {
	    opacity: 1;
	    transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	}
}

@keyframes fade_right{
	0%{
		opacity:0;
		transform: translateX(40px);
		-webkit-transform: translateX(40px);
	}
	100% {
	    opacity: 1;
	    transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	}
}

@keyframes fade_left{
	0%{
		opacity:0;
		transform: translateX(-40px);
		-webkit-transform: translateX(-40px);
	}
	100% {
	    opacity: 1;
	    transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	}
}